@charset "UTF-8";

$fontSize:22rpx;
$padding:9rpx 21rpx;
$radius:8rpx;
$minwidth:0;

%btn{
  font-size:$fontSize;
  padding:$padding;
  border:none;
  min-width:$minwidth;
  @include border-radius($radius);
  text-align: center;
}

@mixin default-btn($bg:$primary,$color:#fff,$border:none){
  @extend %btn;
  color:$color;
  background: $bg;
  border:$border;

  &:active{
    background: darken($bg,20%);
    @include box-shadow(2rpx 2rpx 4rpx 2rpx inset darken($bg,30%));
  }

  &.disable{
    -webkit-pointer-events:none;
    -moz-pointer-events:none;
    -ms-pointer-events:none;
    pointer-events:none;
  }
}
